﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <title>安全环保6S管控平台</title>
    <meta content='width=device-width, initial-scale=1.0, shrink-to-fit=no' name='viewport' />
    <link rel="icon" href="assets/img/icon.ico" type="image/x-icon" />
    <script type="text/javascript" src="~/Assets/js/jquery.js"></script>
    <script src="~/Assets/js/pages/charts/echarts.min.js"></script>

    <script type="text/javascript" src="~/Assets/js/jquery.liMarquee.js"></script>
    <script src="~/Bussiness/js/base/angular.js"></script>
    <script src="~/Bussiness/js/base/jquery.cookie.js"></script>
    <script src="~/Bussiness/js/base/angular-cookie.js"></script>

    <script src="~/Bussiness/js/libs/ng-file-upload-shim.min.js"></script>
    <script src="~/Bussiness/js/libs/ng-file-upload.min.js"></script>
    <!-- CSS Files -->
    <link rel="stylesheet" href="~/assets/portal/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="~/assets/portal/assets/css/atlantis.css">
    <link rel="stylesheet" href="~/assets/portal/assets/css/common.css" />

    <style>
        ::-webkit-scrollbar {
            width: 0px;
        }

        .card {
            -webkit-box-shadow: none;
            border-radius: 8px;
        }

        .card-header {
            font-size: 18px;
            color: #2B2A30;
        }

            .card-header a {
                float: right;
                font-size: 12px;
                color: #858C95;
                margin-top: 10px;
            }

        .row {
            margin-top: 10px;
        }

        .card .card-body, .card-light .card-body {
            padding: 0px;
            padding-top: 10px;
            margin-bottom: 0px;
        }
        .card, .card-light {
            margin-bottom: 10px;
        }

        .menupos {
 
            width: 800px;
            height: 80px;
            margin-left: 312px;
            display: flex;
            align-items: center;
            position: relative;
            padding: 0;
     
        }
        .popBox {
            width: 1080px;
            height: 480px;
            overflow-y: scroll;
            position: absolute;
            top: 80px;
            left: -180px;
            color: white;
            background: #0258c7;
            display: flex;
            flex-wrap: wrap;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 20px;
            box-sizing: border-box;
            overflow: scroll;
            border-radius: 0px 0px 14px 14px;
        }
        /*滚动条整体样式*/
            .popBox::-webkit-scrollbar {
                /*高宽分别对应横竖滚动条的尺寸*/
                width: 10px;
                height: 1px;
   
            }

        /*滚动条里面小方块*/
            .popBox::-webkit-scrollbar-thumb {
                border-radius: 10px;
                -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
                background: #1677ff;
            }

        /*滚动条里面轨道*/
            .popBox::-webkit-scrollbar-track {
   
            }
        .menu_items {
            position: absolute;
            left: 0;
            height: 80px;
            display: flex;
            width: 100%;
            align-items: center;
            padding: 0;
            margin: 0;
            justify-content: space-between;
        }
        .active {
            background: #0258c7 !important;
            height: 80px;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0;
            margin: 0;
        }
        .itemxy {
            cursor: pointer;
            font-size: 12px;
            opacity: .7;
            width: 45%;
            font-weight: 200;
            margin-bottom: 12px;
            margin-right: 10px;
            color: #435575;
            font-weight: 600;
            font-size: 13px;
        }   
            .itemxy:hover {
                color: #0258c7;
                font-weight:600
            }
        .menu_item {
            background: #1d71dd;
            height: 80px;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0;
            margin: 0;
        }
       
    </style>
</head>
<body style="background-color: #F6F9FF;"
      ng-app="WebApp"
      ng-cloak
      ng-controller="PortalController"
      ng-init="
      ShowUserInfo();
      GetPortalMenu();
      GetSystemEnterance();
      GetWorkContentList();
      GetNoficationList();
      Get6sCheckList();
      GetSpecialCheck();
      GetTrainingList();
      GetMeetingList();
      ">
    <div class="wrapper">
        <div class="main-header">
            <!-- Navbar Header -->
            <nav class="navbar navbar-header navbar-expand-lg" style="background-color: #1D71DD;">
                <div class="logo">
                    <img src="~/Assets/portal/assets/img/logo2.png" width="50" />
                </div>
                <div class="line">

                </div>
                <div class="webtitle">
                    <span>上海飞机制造有限公司 安全环保6S管控平台</span>
                </div>

                <div ng-mouseleave="ChooseItemLeave();" class="menupos">
                    <ul class="menu_items" style=" font-family: SourceHanSansSC;">
                        <li ng-class="cIndex==$index? boxShow?'menu_item active':'menu_item':'menu_item' " ng-mouseover="ChooseItem($index);" ng-click="ChooseItem($index);" ng-repeat="x in PortalMenuList">
                            <img ng-src="{{x.IconImg}}" width="15" style="margin-bottom:2px;margin-right:4px" />
                            <a> {{x.NodeName}} </a>
                        </li>
                    </ul>
                    @*ng-show="boxShow&&PortalMenuListSon.NodeList&&PortalMenuListSon.NodeList.length!=0"*@
                    <div ng-show="boxShow&&PortalMenuListSon.NodeList&&PortalMenuListSon.NodeList.length!=0" style="box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; " class="popBox">
                        <div style=" margin: 0 10px; margin-top: 10px; width: 240px; height: 192px; display: flex; flex-direction: column; justify-content: space-between" ng-repeat="x in PortalMenuListSon.NodeList">
                            <div style=" padding-left: 13px; background: linear-gradient(90deg, #3C8BF0 0%, #D4E7FF 100%); border-radius: 10px 10px 0px 0px; display: flex; height: 28px; align-items: center; box-shadow: 0px 1px 3px 0px rgba(0, 99, 220, 0.25); font-size: 16px; color: white; font-weight: 600; cursor: pointer;font-size:14px " ng-click="GoPage(x)" ng-style="{ opacity:x.NodeList?1: x.Url?1:0.8}">{{x.NodeName}}</div>
                            <div style="width: 100%; border-radius: 0px 0px 10px 10px; display: flex; justify-content: space-between; flex-wrap: wrap; height: calc(100% - 32px); background: #d4e7ff; align-content: flex-start; padding: 12px 16px; box-sizing: border-box">
                                <div ng-repeat="y in x.NodeList" ng-click="GoPage(y)" class="itemxy" ng-style="{ opacity:y.Url?0.9:0.4}">{{y.NodeName}}</div>
                            </div>

                        </div>

                    </div>


                </div>

     
                    <div class="emergency_phone">
                        报警电话 20856119/3119&nbsp;&nbsp;
                    </div>

                    <div class="notice_s">
                        生命至上&nbsp;&nbsp;安全第一&nbsp;&nbsp;安全永远第一
                    </div>
     
                <div class="user_part">
                    <img src="~/Assets/portal/assets/img/user.png" width="40" />
                    <span class="nav-item dropdown hidden-caret user_info">
                        <a class="dropdown-toggle profile-pic" data-toggle="dropdown" aria-expanded="false">{{PortalUser.UserName}}({{PortalUser.UserNo}})</a>
                        <ul class="dropdown-menu dropdown-user animated fadeIn">
                            <li>
                                <a class="dropdown-item" ng-click="Logout();">退出登录</a>
                            </li>
                        </ul>
                    </span>
                </div>
            </nav>
        </div>
        <div class="main-panel" style="width:100%; margin-top:80px;">
            <div class="content" style="margin-top:0px; padding: 5px !important;">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="poster">
                            <img src="~/Assets/portal/assets/img/postimg.png" />
                            <div class="posttitle"><span>促交流，谋发展，保安全，确保有一个安全的生产环境，切实保障</span></div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="card" style="height: 334px;">
                            <div class="card-header">
                                <img src="~/Assets/portal/assets/img/gzdt.png" width="26"> 工作动态
                                <a href="../NewsCenter/NewsList?type=1" target="_blank" style="text-align:right;">更多</a>
                            </div>
                            <div class="card-body" style="overflow:scroll;">
                                <ul class="article_list">
                                    <li title="{{x.Title}}" style="cursor:pointer;" ng-repeat="x in WorkContentList" ng-click="GoNewsCenter(x,1);">
                                        <div class="article_title">{{x.Title | HideText:28}}</div>
                                        <div class="article_time">{{x.PublishTime|JSONDate:'yyyy年MM月dd日'}}</div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="card" style="height: 334px;">
                            <div class="card-header">
                                <img src="~/Assets/portal/assets/img/tzgg.png" width="26"> 通知公告
                                <a href="../NewsCenter/NewsList?type=2" target="_blank" style="text-align:right;">更多</a>
                            </div>
                            <div class="card-body" style="overflow:scroll;">
                                <ul class="notice_list">
                                    <li title="{{x.Title}}" style="cursor:pointer;" ng-repeat="x in NoficationList" ng-click="GoNewsCenter(x,2);">
                                        <span class="notice_title">{{x.Title | HideText:30}}</span>
                                        <span class="notice_time">{{x.PublishTime|JSONDate:'yyyy-MM-dd'}}</span>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-3">
                        <div class="card" style="height: 334px;">
                            <div class="card-header">
                                <img src="~/Assets/portal/assets/img/supcheck.png" width="26"> 监督检查
                                <a href="../NewsCenter/NewsList?type=3" target="_blank" style="text-align:right;">更多</a>
                            </div>
                            <div class="card-body" style="overflow:scroll;">
                                <ul class="notice_list">
                                    <li title="{{x.Title}}" style="cursor:pointer;" ng-repeat="x in SpecialCheckList" ng-click="GoNewsCenter(x,3);">
                                        <span class="notice_title">{{x.Title | HideText:18}}</span>
                                        <span class="notice_time">{{x.PublishTime|JSONDate:'yyyy-MM-dd'}}</span>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="card" style="height: 334px;">
                            <div class="card-header">
                                <img src="~/Assets/portal/assets/img/yjyl.png" width="26"> 应急演练
                                <a href="../NewsCenter/NewsList?type=4" target="_blank" style="text-align:right;">更多</a>
                            </div>
                            <div class="card-body" style="overflow:scroll;">
                                <ul class="notice_list">
                                    <li title="{{x.Title}}" style="cursor:pointer;" ng-repeat="x in TrainingList" ng-click="GoNewsCenter(x,4);">
                                        <span class="notice_title">{{x.Title | HideText:18}}</span>
                                        <span class="notice_time">{{x.PublishTime|JSONDate:'yyyy-MM-dd'}}</span>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="card" style="height: 334px;">
                            <div class="card-header">
                                <img src="~/Assets/portal/assets/img/6scheck.png" width="26">  6S检查
                                <a href="../NewsCenter/NewsList?type=5" target="_blank" style="text-align:right;">更多</a>
                            </div>
                            <div class="card-body" style="overflow:scroll;">
                                <ul class="notice_list">
                                    <li title="{{x.Title}}" style="cursor:pointer;" ng-repeat="x in CheckList6s" ng-click="GoNewsCenter(x,5);">
                                        <span class="notice_title">{{x.Title | HideText:18}}</span>
                                        <span class="notice_time">{{x.PublishTime|JSONDate:'yyyy-MM-dd'}}</span>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="card" style="height: 334px;">
                            <div class="card-header">
                                <img src="~/Assets/portal/assets/img/hyjy.png" width="26"> 会议纪要
                                <a href="../NewsCenter/NewsList?type=6" target="_blank" style="text-align:right;">更多</a>
                            </div>
                            <div class="card-body">
                                <ul class="notice_list">
                                    <li title="{{x.Title}}" style="cursor:pointer;" ng-repeat="x in MeetingList" ng-click="GoNewsCenter(x,6);">
                                        <span class="notice_title">{{x.Title | HideText:18}}</span>
                                        <span class="notice_time">{{x.PublishTime|JSONDate:'yyyy-MM-dd'}}</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="card" style="height: 246px;">
                            <div class="card-header">
                                <img src="~/Assets/portal/assets/img/ygkp.png" width="26"> 应急科普
                                <a href="#" style="text-align:right;">更多</a>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-lg-1">
                                        <div class="nav_left"><img src="~/Assets/portal/assets/img/nav_left.png" width="30" /></div>
                                    </div>
                                    <div class="col-lg-10">
                                        <div class="image_items">
                                            <div class="image_item">
                                                <img src="~/Assets/portal/assets/img/post_1.png" />
                                                <p class="img_des">生产安全科普</p>
                                            </div>
                                            <div class="image_item">
                                                <img src="~/Assets/portal/assets/img/post_2.png" />
                                                <p class="img_des">节能知识科普</p>
                                            </div>
                                            <div class="image_item">
                                                <img src="~/Assets/portal/assets/img/post_3.png" />
                                                <p class="img_des">环境保护科普</p>
                                            </div>
                                            <div class="image_item">
                                                <img src="~/Assets/portal/assets/img/post_4.png" />
                                                <p class="img_des">生产安全宣传</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-1">
                                        <div class="nav_right"><img src="~/Assets/portal/assets/img/nav_right.png" width="30" /></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="card" style="height: 246px;">
                            <div class="card-header">
                                <img src="~/Assets/portal/assets/img/kjrk.png" width="26"> 快捷入口
                                <a href="#" style="text-align:right;">更多</a>
                            </div>
                            <div class="card-body">
                                <div class="row" style="margin-top:0px;">
                                    <div class="linklist" ng-repeat="x in enterances" ng-click="GoPage(x);">
                                        <img ng-src="{{x.IconImg}}" width="55">
                                        <p class="link_title"><span>{{x.AppText}}</span></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @*<footer class="footer">
                    <div class="container-fluid">

                    </div>
                </footer>*@
        </div>

        <!-- Custom template | don't include it in your project! -->
        <!-- End Custom template -->
    </div>
    <!--   Core JS Files   -->

    <script src="~/bussiness/js/libs/alertify.js"></script>
    <script src="~/assets/portal/assets/js/core/jquery.3.2.1.min.js"></script>

    <script src="~/assets/portal/assets/js/core/popper.min.js"></script>
    <script src="~/assets/portal/assets/js/core/bootstrap.min.js"></script>

    <script src="~/Bussiness/js/pg/app.js?v=@DateTime.Now.ToString("yyMMddHH")"></script>
    <script src="~/Bussiness/js/pg/Portal.js"></script>

</body>
</html>





















